<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:if="${nodeInfo.node.nodeMess==null}" th:text="${nodeInfo.userInfo.userName}+'_'+${nodeInfo.tag[0].abName}+'_专辑_waterghost'"></title>
    <title th:if="${nodeInfo.node.nodeMess!=null}" th:text="${nodeInfo.node.nodeMess}+'_'+${nodeInfo.tag[0].abName}+'_专辑_waterghost'"></title>
    <meta name="Description" th:content="'waterghost_用户_'+${nodeInfo.userInfo.userName}+'发布的：'+${nodeInfo.tag[0].abName}+'_专辑'">
    <meta name="Keywords" th:content="'waterghost,'+${nodeInfo.tag[0].abName}+','+${nodeInfo.userInfo.userName}">
</head>
<body>
<!--导航-->
<nav>
    <ul>
        <li>waterghost</li>
        <li>首页</li>
        <li>我的</li>
        <li>投稿</li>
        <li><a href="/community">社区</a></li>
    </ul>
</nav>
<hr>
<!-- waterghost-vue-div-ssr   -->
<!--    内容  -->
<div class="context">
    <!--   描述     -->
    <h1 th:text="${nodeInfo.node.nodeMess}"></h1>
    <!--   图片     -->
    <img width="50px" height="50px" th:each="item:${nodeInfo.node.arrImgs}" th:src="${item}" th:alt="${nodeInfo.userInfo.userName}+'发布的图片'"
      >
    <div>
        <img src="" alt="">
    </div>
    <!--  tag  -->
    <h3 th:each="item:${nodeInfo.tag}" th:text="'#'+${item.abName}"></h3>
    <a th:each="item:${nodeInfo.tag}" th:href="'/album/'+${item.abId}" th:text="${item.abName}"></a>
</div>
<!--    用户  -->
<div class="userInfo">
    <div><img src="" alt=""></div>
    <div>
        <a th:href="'/personcenter/'+${nodeInfo.userInfo.userId}">个人中心</a>
        <h2 class="userName" th:text="${nodeInfo.userInfo.userName}"></h2></div>
    <div>
        <p th:text="${nodeInfo.userInfo.message}">描述</p>
        <p th:text="'帖子总数:'+${nodeInfo.userInfo.nodeCount}"></p>
        <p th:text="'VIP:'+${nodeInfo.userInfo.userVip}"></p>
        <p th:text="'SV:'+${nodeInfo.userInfo.userSv}"></p>
    </div>

</div>

<footer data-v-278c512f="" class="el-footer" style="height: auto;">
    <div data-v-278c512f="" class="statement">
        <div data-v-278c512f=""><p data-v-278c512f="">未来规划</p>
            <p data-v-278c512f="">入住小程序</p></div>
    </div>
    <div data-v-278c512f="" class="fore"><p data-v-278c512f="" style="text-align: center;">
        本网用于收集大量图片以及文案，如果侵犯了您的版权，请立刻联系我们。联系邮箱：746381864@qq.com</p>
        <p data-v-278c512f="" class="mess" style="text-align: center;"><a rel="nofollow" data-v-278c512f="" href="/statement" class="">用户条约</a>|
            <a data-v-278c512f="" href="/statement" rel="nofollow" class="">注册条约</a>| <a rel="nofollow" data-v-278c512f="" href="/statement" class="">免责声明</a>|
            <a data-v-278c512f="" href="/statement" rel="nofollow" class="">隐私条约</a></p>
        <p data-v-278c512f="" class="mess" style="text-align: center;"><a data-v-278c512f=""
                                                                          href="https://beian.miit.gov.cn" rel="nofollow">粤ICP备:2020076566号</a>
            | Copyright © 2022-2025 waghost.com 版权所有 </p></div>
    <p data-v-278c512f="" style="text-align: center; line-height: 0px;">
    </p></footer>
</body>
</html>